# Модуль 3 — Клонирование репозитория, разворачивание базового проекта Quasar 2, обсуждение основных частей меню установки.

> **ВНИМАНИЕ!**
>
> **Этот материал ещё неполный, он находится в разработке и регулярно обновляется.**

**Куратор, должен учащемуся проговорить всю информацию по модулю, в том числе заголовки и пометки, то есть всё, что написано ниже.**

**↓↓↓ Это всё должен услышать учащийся ↓↓↓**

`Запускаем запись видео и аудио работы по модулю.`

## Правила работы с модулем

Модуль нужно пройти и повторить минимум один раз. В первом подходе я, как куратор, буду тебе как учащемуся рассказывать этот учебный модуль, на следующих подходах ты, как учащийся, постараешься по памяти воспроизвести всю информацию и навыки из модуля.

## Цель модуля

Научиться клонированть репозиторий, разворачивать базовый проект Quasar 2, объяснить обучаемому основные части меню установки.

## Далее по модулю нужно сделать:

Создаём следующие задачи в Gitlab: 
Развернуть базовый проект на Quasar 2
В описании указываем:
Нужно развернуть базовый проект на Quasar 2 используя Webpack, Pinia, Vue-i18n.
Labels: frontend 
Milestones: Этап 1 

Далее клонируем свой репозиторий себе на компьютер.
Добавить в корень диска именно в папку с проектами в корне диска(кроме C). 

Начинаем разворачивать проект, идем на сайт quasar.dev там мы нажимаем Getting Started, затем Quick start. 
Надо вспомнить что такое: Node и NPM.
Prerequisites тут у нас указаны требования, какие версии должны быть установлены.
В терминале узнаем версию Node,надо удостовериться что у нас стоит та версия, которая соответствует требованиям, тоже самое с NPM.
В Step 1: Create a Project выбираем пункт с NPM. Копируем команду для установки. Вставляем ее в терминал и начинаем установку.
Установка:
1. Выбираем самое первое -  App with Quasar CLI, let's go!
2. Это название прокта создаем как есть.
3. Quasar v2 (Vue 3 | latest and greatest).
4. Выбираем Typescript.
5. Выбираем Quasar App CLI with Webpack.
6.  В Package name на латинице пишем название проекта.
7.  Project product name, можно название на кириллице.
8.  Описание, что угодно, можно на кириллице.
9.  Вписываем автора.
10.  Composition API.
11.  Препроцессор используем Sass with SCSS syntax
12.  Выбираем: 
ESLint
Pinia для состояний 
Vue-i18n
13. Выбираем  Prettier, его задача делать код читабельным.
14. Просто нажимаем Enter для установки.

## Завершение

При завершении первого подхода по модулю, лучше остановить запись, чтобы она не получилось слишком большой, потом нужно будет запустить запись снова.

`Останавливаем запись видео и аудио работы по модулю.`

Теперь отдых. Отдых обязателен, отдыхаем минимум 10 минут, если нужно немного больше, можем договорится о времени.

## Повторение

`Запускаем запись видео и аудио работы по модулю.`

Теперь у нас повторение пройденного материала, ты как учащийся должен стараться все сделать сам, в том числе рассказать зачем всё это делается, какие результаты планируются получить, заново создать и оформить проект в GitLab.

Если ты где-то будешь сильно запинаться или делать совсем не то, что нужно, я буду тебе помогать, но в остальном я буду минимально тебя перебивать, чтобы не сбивать тебя. В конце я тебе расскажу, что ты пропустил и мы это проговорим.

Начинай, я тебя слушаю.

`Останавливаем запись видео и аудио работы по модулю.`